/*default.css*/
body {
    background-image: url("../backgrounds/background7.jpg");
    font-family: "Arial";
}

#background-image{
    height:50%;
	width:20%;
	border-radius: 25px;	
}

#titulo{
	font-style: oblique;
	font-size: 40px;
	color:#87D163;
}

#botonArmar{
	margin-top:2%;
	margin-left:30%;
	padding-left:12%;
	height:5%;
	width:30%;
	border-radius: 24px;
	font-style: oblique;
	font-size: 20px;
/* 	color:#87D163; */
	color:#D65C33;
	
	
	border-style: solid;
	border-radius: 25px;
    border-width: 2px;
	border-color: #FAE8B7;
	background-image: url("../backgrounds/background4.jpg");
/* 	background-repeat: repeat-y; */
    background-repeat: no-repeat;
    
}

.header1{
    border-style: solid;
	border-radius: 25px;
    border-width: 2px;
	border-color: #FAE8B7;
}

#agregarIngredientes{
	float:left;
    border-style: solid;
	border-radius: 25px;
    border-width: 2px;
	border-color: #FAE8B7;
	margin-left:8%;
	margin-right:2%;
	font-style: oblique;
	font-size: 20px;
	color:#D65C33;
	height:6%;
	width:40%;
	padding-left:1%;		
}

#agregarCondimentos{
	float:left;
    border-style: solid;
	border-radius: 25px;
    border-width: 2px;
	border-color: #FAE8B7;
	clear: right;
	font-style: oblique;
	font-size: 20px;
	color:#D65C33;
	height:6%;
	width:40%;
	padding-left:1%;
			
}

#cheksIngredientes{
	font-size: 18px;
}

#verSangucheto_jsp_form input[type=checkbox]{
	font-size: 18px;
    border-style: solid;
	border-radius: 25px;
    border-width: 2px;
	border-color: #FAE8B7;
	color: #FAE8B7;
}
#sanguchetoFinal_jsp_form > #precio{
	float:left;
    border-style: solid;
	border-radius: 25px;
    border-width: 2px;
	border-color: #FAE8B7;
	clear: right;
	font-style: oblique;
	font-size: 20px;
	color:#D65C33;
	height:6%;
	width:30%;
	padding-left:15%;
	padding-top:1%;
	margin-top: 1%;
	margin-left:28%;
}
#verSangucheto_jsp_form > #precio{
	float:left;
    border-style: solid;
	border-radius: 25px;
    border-width: 2px;
	border-color: #FAE8B7;
	clear: right;
	font-style: oblique;
	font-size: 20px;
	color:#D65C33;
	height:6%;
	width:30%;
	padding-left:15%;
	padding-top:1%;
	margin-top: 1%;
	margin-left:28%;
}
#precio2{
	float:left;
    border-style: solid;
	border-radius: 25px;
    border-width: 2px;
	border-color: #FAE8B7;
	clear: right;
	font-style: oblique;
	font-size: 20px;
	color:#D65C33;
	height:6%;
	width:30%;
	padding-left:15%;
	padding-top:1%;
	margin-top: 1%;
	margin-left:28%;
}
#precio3{
	float:left;
    border-style: solid;
	border-radius: 25px;
    border-width: 2px;
	border-color: #FAE8B7;
	clear: right;
	font-style: oblique;
	font-size: 20px;
	color:#D65C33;
	height:auto;
	width:24%;
	padding-left:17%;
	padding-top:1%;
	margin-top: 1%;
	margin-left:8%;
}

#precio4{
	float:left;
    border-style: solid;
	border-radius: 25px;
    border-width: 2px;
	border-color: #FAE8B7;

	clear: right;
	font-style: oblique;
	font-size: 20px;
	color:#D65C33;
	height:auto;
	width:37%;
	padding-left:8%;
	padding-top:1%;
	margin-top: 1%;
	margin-left:28%;
}
.left{
	margin-top:2%;
	margin-left:6%;
	padding-left:1%;
	height:4%;
	width:18%;
	border-radius: 24px;
	font-style: oblique;
	font-size: 20px;
/* 	color:#87D163; */
	color:#D65C33;
	
	
	border-style: solid;
	border-radius: 25px;
    border-width: 2px;
	border-color: #FAE8B7;
	background-image: url("../backgrounds/background4.jpg");
/* 	background-repeat: repeat-y; */
    background-repeat: no-repeat;
}

a:link {
    color: #66C266;
    text-decoration: none;
}

#verSangucheto_jsp_form > p.lista{
	color:#8F8F8F;
    font-size: 13px;
}
#ListarIngredientes{
	float:left;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    
	border-radius: 25px;
    border-width: 2px;
	border-color: #FAE8B7;
	
	margin-left:26%;
	margin-top:1%;
	
	padding-top:1%;
	padding-left:5%;
	
	font-style: oblique;
	font-size: 20px;
	color:#D65C33;
	height:60%;
	width:16%;
			
}

#ListarIngredientes1{
	float:left;
    border-style: solid;
    
    
	border-radius: 25px;
    border-width: 2px;
	border-color: #FAE8B7;
	
	margin-left:35%;
	margin-top:1%;
	
	padding-top:1%;
	padding-left:5%;
	padding-right:5%;
	
	font-style: oblique;
	font-size: 20px;
	color:#D65C33;
	height:60%;
	width:16%;
			
}
#ListarIngredientes2{
	float:left;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    
	border-radius: 25px;
    border-width: 2px;
	border-color: #FAE8B7;
	
	margin-left:26%;
	margin-right:1%;
	margin-top:1%;
	
	padding-top:1%;
	padding-left:5%;
	
	font-style: oblique;
	font-size: 20px;
	color:#D65C33;
	height:60%;
	width:16%;
			
}
#ListarIngredientes{
	float:left;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    
	border-radius: 25px;
    border-width: 2px;
	border-color: #FAE8B7;
	
	margin-left:26%;
	margin-top:1%;
	
	padding-top:1%;
	padding-left:5%;
	
	font-style: oblique;
	font-size: 20px;
	color:#D65C33;
	height:60%;
	width:16%;
			
}

#ListarStock{
	float:left;
    border-top-style: solid;
    border-bottom-style: solid;
    border-right-style: solid;

	border-radius: 25px;
    border-width: 2px;
	border-color: #FAE8B7;
	
	margin-top:1%;
	padding-top:1%;
	font-style: oblique;
	font-size: 20px;
	color:#D65C33;
	height:60%;
	width:20%;
	padding-left:1%;
}
#ListarIngredientes4{
	float:left;
    border-style: solid;
	border-radius: 25px;
    border-width: 2px;
	border-color: #FAE8B7;
	margin-left:30%;
	margin-right:1%;
	margin-top:1%;
	padding-top:1%;
	font-style: oblique;
	font-size: 20px;
	color:#D65C33;
	height:60%;
	width:38%;
	padding-left:1%;		
}



#tituloStockDisponible{
	font-size: 14px;
	color:#D65C33;
	float:left;
	height:auto;
	width:30%;
	margin-left:10%;

}

#altaIngredienteDiv{
	float:left;
    border-style: solid;
	border-radius: 25px;
    border-width: 2px;
	border-color: #FAE8B7;
	margin-left:1%;
	margin-top:1%;
	padding-top:1%;
	font-style: oblique;
	font-size: 20px;
	color:#D65C33;
	height:60%;
	width:30%;
	padding-left:1%;
}

#altaIngredienteDiv2{
	float:left;
    border-style: solid;
	border-radius: 25px;
    border-width: 2px;
	border-color: #FAE8B7;
	margin-left:30%;
	margin-top:1%;
	padding-top:1%;
	font-style: oblique;
	font-size: 20px;
	color:#D65C33;
	height:60%;
	width:40%;
	padding-left:1%;
}

.botonConfirmar{
	color:#E08566;
    border-style: solid;
	border-radius: 25px;
    border-width: 2px;
    border-color: #E08566;
    margin-top: 5%;
}
.botonCancelar{
	
	color:#E08566;
    border-style: solid;
	border-radius: 25px;
    border-width: 2px;
    border-color: #E08566;
    margin-top: 5%;
}
.botonComprarOtro{
	color:#E08566;
    border-style: solid;
	border-radius: 25px;
    border-width: 2px;
    border-color: #E08566;
    margin-top: 5%;
}


.spanPrecio{
	color:#E08566;
    margin-bottom: 10px;
    margin-left: 15%;
}

.volver{
	float:left;
	margin-top:32%;
	
	padding-left:1%;
	height:10%;
	width:25%;
	border-radius: 24px;
	font-style: oblique;
	font-size: 20px;
	color:#D65C33;
	border-style: solid;
	border-radius: 25px;
    border-width: 2px;
	border-color: #FAE8B7;
	background-image: url("../backgrounds/background4.jpg");
    background-repeat: no-repeat;
}

.volver2{
	float:left;
	margin-top:25%;
	padding-left:1%;
	
	height:auto;
	width:25%;
	border-radius: 24px;
	font-style: oblique;
	font-size: 20px;
	color:#D65C33;
	border-style: solid;
	border-radius: 25px;
    border-width: 2px;
	border-color: #FAE8B7;
	background-image: url("../backgrounds/background4.jpg");
    background-repeat: no-repeat;
}


.volver3 a:link{
	color:#E08566;
    border-style: solid;
	border-radius: 25px;
    border-width: 2px;
    border-color: #E08566;
    margin-top: 5%;
    height:auto;
	width:auto;
	padding-left:1%;
	padding-right:1%;
	font-size: 14px;
    font-family: "Arial";
    background-color: #F3EDE0;
    margin-top: 20%;
}
.volver3{
	float:left;
	margin-top:52%;
	padding-left:1%;
	height:auto;
	width:25%;
	border-radius: 24px;
	font-style: oblique;
	font-size: 20px;
	color:#D65C33;
	border-style: solid;
	border-radius: 25px;
    border-width: 2px;
	border-color: #FAE8B7;
	background-image: url("../backgrounds/background4.jpg");
    background-repeat: no-repeat;
}
.volver4{
	float:left;
	margin-top:48%;
	padding-left:1%;
	height:auto;
	width:25%;
	border-radius: 24px;
	font-style: oblique;
	font-size: 20px;
	color:#D65C33;
	border-style: solid;
	border-radius: 25px;
    border-width: 2px;
	border-color: #FAE8B7;
	background-image: url("../backgrounds/background4.jpg");
    background-repeat: no-repeat;
}
.volver5 a:link{
	color:#E08566;
    border-style: solid;
	border-radius: 25px;
    border-width: 2px;
    border-color: #E08566;
    margin-top: 5%;
    height:auto;
	width:auto;
	padding-left:1%;
	padding-right:1%;
	font-size: 14px;
    font-family: "Arial";
    background-color: #F3EDE0;
    margin-top: 20%;
}
.volver5{
		color: #e08566;
        font-family: "Arial";
        margin-top: 8%;
}
.botonVolver5{
	
	border-style: solid;
	border-radius: 25px;
    border-width: 2px;
    border-color: #E08566;
    margin-top: 10%;
    background-color: #F3EDE0;
    font-family: "Arial";
}
.volver6{
	float:left;
	margin-top:70%;
	padding-left:1%;
	padding-right:6%;
	height:auto;
	width:auto;
	border-radius: 24px;
	font-style: oblique;
	font-size: 20px;
	color:#D65C33;
	border-style: solid;
	border-radius: 25px;
    border-width: 2px;
	border-color: #FAE8B7;
	background-image: url("../backgrounds/background4.jpg");
    background-repeat: no-repeat;
}

.volver7{
	float:left;
	margin-top:100%;
	padding-left:3%;
	padding-right:4%;
	height:auto;
	width:auto;
	border-radius: 24px;
	font-style: oblique;
	font-size: 20px;
	color:#D65C33;
	border-style: solid;
	border-radius: 25px;
    border-width: 2px;
	border-color: #FAE8B7;
	background-image: url("../backgrounds/background4.jpg");
    background-repeat: no-repeat;
}
.ingrediente{
	float:left;
	border-style: solid;
    margin-left:10%;
    
}
.condimento{
	float:left;
	border-style: solid;
	margin-left:28%;
}

.general1{
	float:left;
    border-style: solid;
	border-radius: 25px;
    border-width: 2px;
	border-color: #FAE8B7;
	margin-left:12%;
	margin-right:1%;
	font-style: oblique;
	font-size: 20px;
	color:#D65C33;
	height:60%;
	width:auto;
	padding:1%;		
}
.general{
	float:left;
    border-style: solid;
	border-radius: 25px;
    border-width: 2px;
	border-color: #FAE8B7;
	margin-left:1%;
	margin-right:1%;
	font-style: oblique;
	font-size: 20px;
	color:#D65C33;
	height:60%;
	width:auto;
	padding:1%;		
}

#verIngredientesFinal{
	float:left;
    border-style: solid;
	border-radius: 25px;
    border-width: 2px;
	border-color: #FAE8B7;
	margin-left:8%;
	margin-right:2%;
	font-style: oblique;
	font-size: 20px;
	color:#D65C33;
	height:auto;
	width:40%;
	padding-left:1%;	
}

#mensaje{
	float:left;
	border-style: solid;
	border-width: 2px;
	margin-top: 30%;
}